<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		/*window是在JS中默认的，凡是window可以不写*/
			/*三种弹框*/
			function demo1(){
				//含有确定按钮		alert 释义：警告  ，使警觉
				window.alert("弹框A");
				//alert("弹框A");与上面一样，可以不写
			}
			function demo2(){
				//一个是有确认按钮，一个是取消按钮
				//confirm(),有返回值		confirm 释义：确认证实
				var flag = window.confirm("是否删除");
				alert(flag);
			}
			function demo3(){
				//可以输入内容
				//prompt(),返回输入的值		prompt 释义：提示，立刻
				var val = window.prompt("请输入昵称：","例如：李白"); 
				alert(val);
			}
			
			/*定时器*/
			function getTime(){
				//获取当前时间
				var date = new Date();
				//本地当前时间
				var time=date.toLocaleString();
				//获得id名称是span_1对象
				var span = document.getElementById("spand_1");
				span.innerHTML=time;//将时间写在span里面
			}	
				//1s后进行方法的调用  调用一次
				//				函数名                1000毫秒
				//window.setTimeout("getTime()",1000);
				//每间隔一秒就调用一次,调用多次
				var in1 = window.setInterval("getTime()",1000);
				
				function demo4(){
					//清除定时器操作
					//window.clearTimeout(in1);
					window.clearInterval(in1);
				}
			
			/*打开或关闭浏览器*/
			function demo5(){
				window.open("http://www.baidu.com");
			}
			function demo6(){
				//关闭当前网页
				window.close();
			}
		</script>
	</head>
	<!--页面加载完启动getTime()方法-->
	<body onload="getTime()">
		<p>
			<input type="button" name="" id="" value="弹框A" onclick="demo1()"/>
		</p>
		<p>
			<input type="button" name="" id="" value="弹框B" onclick="demo2()"/>
		</p>
		<p>
			<input type="button" name="" id="" value="弹框A" onclick="demo3()"/>
		</p>
		当前的时间:<span id="spand_1"></span>
		<p>
			<input type="button" name="" id="" value="停止时间" onclick="demo4()"/>
		</p>
		<p>
			<input type="button" name="" id="" value="打开百度" onclick="demo5()"/>
		</p>
		<p>
			<input type="button" name="" id="" value="关闭当前网页" onclick="demo6()"/>
		</p>
	</body>
</html>
